<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <!--响应式标签 meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- 引入Bootstrap核心样式文件（必须） -->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <!--通用样式-->
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <!-- 头部的样式 -->
    <link rel="stylesheet" href="css/head.css">
    <!-- 中部（understand）的样式 -->
    <link rel="stylesheet" href="css/understand.css">
    <!--站点图片-->
    <link href="img/jsjxh02.png" rel="shortcut icon">
    <title>了解概况</title>
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <!--波浪-->
<!--    <script src="js/index.js"></script>-->
    <!--发展历程-->
<!--    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">-->
    <link rel="stylesheet" type="text/css" href="css/jquery.eeyellow.Timeline.css" />
<!--组织结构 -->
    <link rel="stylesheet" href="css/style.css">
    <!--底部下样式-->
    <link rel="stylesheet" href="css/foot.css">
</head>
<body>
<!--****************头部-begin*****************-->
<!--<div id="page1"></div>-->
<!--<script>-->
<!--    $("#page1").load("head.html");-->
<!--</script>-->
<!--***************头部-end******************-->


<!--****************头部-begin*****************-->
<header id="lk_header">
    <div class="head">
        <div class="container"><!--container:内容固定宽度居中显示
    container-fluid:内容横向撑满整个浏览器窗口-->
            <div class="row"><!--row：为行-->
                <div class="head_left" >
                    <div class="head_img">
                        <a href="https://www.jxuspt.com/" title="计算机协会log"><img src="img/jsjxhlog1.png"  ></a>
                    </div>
                    <p class="head_left_l">计算机协会官网</p>
                </div>
                <div class="head_center hidden-xs hidden-sm hidden-md">
                    <img src="img/mxlog.jpg"  >
                </div>
                <div class="head_right hidden-xs">
                    <img src="img/login_icon.png">
                    <a href="register.html">登录</a>
                    <a href="logout.html">注销</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!--***************头部-end******************-->
<!--****************导航栏-begin*****************-->
<section id="lk_navigation">
    <nav class="navbar_dhl  navbar  navbar-default navbar-static-top ">
        <div class=" nav_a container ">
            <div class="row">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#jsjxh_dht" aria-expanded="false">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <li class="dropdown" style="list-style: none"><a class=" nav_b navbar-brand" href="index.html">官网首页</a></li>
                </div>
                <div class="collapse navbar-collapse " id="jsjxh_dht">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#"  class=" nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">了解概况<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="understand.html">协会简介</a></li>

                                <li><a href="understand.html">协会文化</a></li>

                                <li><a href="understand.html">协会制度</a></li>

                                <li><a href="understand.html">发展历程</a></li>

                                <li><a href="understand.html">组织结构</a></li>

                                <li><a href="understand.html">办公环境</a></li>

                                <li><a href="understand.html">办公地点</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class=" nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">协会风采<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="mien.html">指导老师</a></li>
                                <li><a href="mien.html">优秀成员</a></li>
                                <li><a href="mien.html">文化活动</a></li>
                                <li><a href="mien.html">荣誉展览</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class=" nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">交流合作<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">学术交流</a></li>

                                <li><a href="#">合作机构</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">实习就业<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">实习机会</a></li>

                                <li><a href="#">就业推荐</a></li>

                                <li><a href="#">创业达人</a></li>

                                <li><a  href="#">就业明星</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">内务工作<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">开会签到</a></li>

                                <li><a href="#">任务安排</a></li>

                                <li><a href="#">项目经验</a></li>

                                <li><a href="#">能力测评</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">招贤纳士<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">报名流程</a></li>

                                <li><a href="#">面试、笔试</a></li>

                                <li><a href="#">部门介绍</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="nav_b dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">联系我们<span class="caret"></span></a>
                            <ul class="dropdown-menu" style="">
                                <li><a href="#">联系电话</a></li>

                                <li><a  href="#">官方微信</a></li>

                                <li><a  href="#">QQ</a></li>

                                <li><a href="#">邮箱</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>

</section>
<!--****************导航栏-end******************-->



<!--****************背景图片-begin*****************-->
<div id="background_image" >
    <img src="img/sy.jpg" class="img-responsive center-block"  >
</div>
<!--****************背景图片-end*****************-->
<!--****************吸顶-begin*********************-->
<div class="floor hidden-xs">
        <ul class="col-lg-6  hidden-xs ">
            <li><a href="#floor1">协会简介</a></li>
            <li><a href="#floor2">协会文化</a></li>
            <li><a href="#floor3">协会制度</a></li>
            <li><a href="#floor4">发展历程</a></li>
            <li><a href="#floor5">组织结构</a></li>
            <li><a href="#floor6">办公环境</a></li>
            <li><a href="#floor7">办公地点</a></li>
        </ul>
    </div>

<!--<script src="js/index.js"></script>-->
<!--****************吸顶-end***********************-->
<!--****************内容-begin*********************-->

<div class="container">
    <div class="row">
        <!--        协会简介-begin        -->
        <div class=" banner" id="floor1 ">
        <div class="media">
            <div class="media-body">
                <p>
                &nbsp;&nbsp;计算机协会成立于2020年XX月xx日。它由我校的领导担任计算机协会导师，秉承着先锋软件企业的管理制度、发扬先锋软件企业的团队文化。以“学以致用，创业创新”为原则，以“塑造自我，深造技术，创造价值”为宗旨，以“同一个团队，同一个梦想。”为口号。团结一致，共创未来。实施：“自主学习，项目驱动，团队合作”的学习模式。营造出良好的学习氛围，培养出优秀的职业素养。<br/>
                &nbsp;&nbsp;计算机协会是一群有着共同兴趣爱好的求学者，一起学习交流、探讨技术、团结协作、共同进步。是学习计算机专业知识的良好平台。相信在指导老师的带领之下，我们能够茁壮成长。在这里你能结识到很多良师益友，一群志同道合的同学。这里有知名企业的工程师给我们开讲座，交流技术，开拓我们的眼界，提高我们的认知。如果你和我们一样，有着共同的兴趣爱好，那赶快加入我们吧！让我们一起度过这愉快的大学时光。
                </p>
            </div>
            <div class="media-right media-middle">
                <img src="img/xhjj.png" class="media-object" style="width:150px;height: 70px">
            </div>
        </div>
        </div>
        <!--        协会简介-end        -->
        <!--        协会文化-begin         -->
        <div class=" banner" id="floor2 ">
        <div class="media" style="background-color: #c7ddef;margin-top: 20px;margin-bottom: 20px">

            <div class="media-body">
                <h4 class="media-heading " style="font-family: 隶书; font-size: 30px ">协会文化：</h4>
                <p style="font-family:华文行楷;font-size: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;自强者不息</p>
                <h4 class="media-heading" style="font-family: 隶书; font-size: 30px ">价值观：</h4>
                <p style="font-family:华文行楷;font-size: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;自我管理&nbsp;&nbsp;	积极进取	&nbsp;&nbsp;团结协作	&nbsp;&nbsp; 开拓创新</p>
            </div>
        </div>
        </div>
        <!--        协会文化-end           -->
        <!--        协会制度-begin         -->
        <div  class=" banner" id="floor3">
        <div class="media" style="background-color: #b2dba1">
            <div class="media-body">
                <p>
                    1.	计算机协会所有成员都必须尊重规则、制度至上、人人平等。<br/>
                    2.	凡是同类错误，事不过三。<br/>
                    3.	开会不准迟到，不准玩手机。<br/>
                    4.	临走时东西放回原处，带来的东西打包带走。<br/>
                    5.	有特殊情况要请假，跟负责人说明原因。<br/>
                    6.	禁止在办公室打游戏，吸烟。<br/>
                    7.	书包统一挂在凳子后面或者放在凳子上，不要放在桌子上。<br/>
                    8.	禁止在办公室，自习室男女关系交往过密。<br/>
                    9.	第一次退出软件项目组，第二次进来者手写600字检讨（内容：为什么退出，为什么又进来），态度诚恳，内容真实，则允许加入。没有第三次。<br/>
                    10.	开会没来超过第三次，手写600字检讨（内容：总结没来的原因，今后要怎么做，如何保证能做到，找不到怎么办），每人每个学期三次机会。<br/>
                    11.	加入软件项目组，要以软件项目组的工作为主，若有耽误，则统一退除软件项目组以外的工作。<br/>
                    12.	计算机协会成员参与的项目具有保密性，不得向外泄露。<br/>
                    13.	计算机协会会长不得随意开除如何一位成员，除非该成员泄露内部项目，导致项目损失严重，或者破坏规章制度且超过规定的范围。
                </p>
            </div>
            <div class="media-right media-bottom">
                <h4 class="media-heading " style="font-family: 篆书; font-size: 30px ">协会制度</h4>
            </div>
        </div>
        </div>
        <!--        协会制度-end            -->
        <!--        发展历程-begin            -->
        <div class="banner" id="floor4 ">
        <div class="col-md-12"  style=" z-index: -99;padding-top:20px;padding-bottom: 20px">
            <div class="fzlc"  style="text-align: center;font-size:28px;font-family: 黑体"> 发展历程</div>
            <div class="VivaTimeline">
                <dl>
                    <dt>May 2019</dt>
                    <dd class="pos-left clearfix">
                        <div class="circ"></div>
                        <div class="time">Feb 01</div>
                        <div class="events">
                            <div class="events-header">18级软件项目组成立</div>
                            <div class="events-body">
                                <div class="row">
                                    <div class="col-md-6 pull-left">
                                        <img class="events-object img-responsive img-rounded" src="img/dog01.png" />
                                    </div>
                                    <div class="events-desc">
                                        创始人：陈志颖 <br/>合伙人：王大嘉、赵尔希、段训平、胡智斌<br/>2019年12月18日18级软件项目组正式成立。
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 pull-left">
                                        <img class="events-object img-responsive img-rounded" src="img/dog02.png" />
                                    </div>
                                    <div class="events-desc">
                                        创始人：陈志颖 <br/>合伙人：王大嘉、赵尔希、段训平、胡智斌<br/>2019年12月18日18级软件项目组正式成立。
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 pull-left">
                                        <img class="events-object img-responsive img-rounded" src="img/dog03.png" />
                                    </div>
                                    <div class="events-desc">
                                        创始人：陈志颖 <br/>合伙人：王大嘉、赵尔希、段训平、胡智斌<br/>2019年12月18日18级软件项目组正式成立。
                                    </div>
                                </div>
                            </div>
                            <div class="events-footer">
                                123
                            </div>
                        </div>
                    </dd>
                    <dt>Feb 2020</dt>
                    <dd class="pos-right clearfix">
                        <div class="circ"></div>
                        <div class="time">Jan 02</div>
                        <div class="events">
                            <div class="events-header">计算机协会成立</div>
                            <div class="events-body">
                                <div class="row">
                                    <div class="col-md-6 pull-left">
                                        <img class="events-object img-responsive img-rounded" src="img/cat01.png" />
                                    </div>
                                    <div class="events-desc">
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 pull-left">
                                        <img class="events-object img-responsive img-rounded" src="img/cat02.png" />
                                    </div>
                                    <div class="events-desc">
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 pull-left">
                                        <img class="events-object img-responsive img-rounded" src="img/cat03.png" />
                                    </div>
                                    <div class="events-desc">
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                    </div>
                                </div>
                            </div>
                            <div class="events-footer">

                            </div>
                        </div>
                    </dd>
<!--                    <dd class="pos-left clearfix">-->
<!--                        <div class="circ"></div>-->
<!--                        <div class="time">Jan 07</div>-->
<!--                        <div class="events">-->
<!--                            <div class="events-header">Event Heading</div>-->
<!--                            <div class="events-body">-->
<!--                                <div class="row">-->
<!--                                    <div class="col-md-6 pull-left">-->
<!--                                        <img class="events-object img-responsive img-rounded" src="img/rabbit01.png" />-->
<!--                                    </div>-->
<!--                                    <div class="events-desc">-->
<!--                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </dd>-->
<!--                    <dt>Jan 2016</dt>-->    
<!--                    <dt>Dec 2015</dt>-->
<!--                    <dt>Oct 2015</dt>-->
<!--                    <dt>Sep 2015</dt>-->
<!--                    <dt>Aug 2015</dt>-->
                </dl>
            </div>
        </div>
        </div>
        <!--        发展历程-end                   -->
<!--                组织结构-begin                 -->
        <div class="banner" id="floor5 ">
        <div class="content">
        <figure class="org-chart cf" style="z-index: -99">
            <div class="fzlc"  style="text-align: center;font-size:28px;font-family: 华文彩云"> 组织结构</div>
            <div class="board ">
<!--                指导老师-->
                <ul class="columnThree">
                    <li>
               <span>
               <strong>软件指导老师</strong>
               <br>&nbsp;
<!--               <br>副校长-->
               </span>
                    </li>
                    <li>
               <span  >
               <strong>软件指导老师</strong>
               <br>&nbsp;
               </span>
                    </li>
                    <li>
               <span  >
               <strong>硬件指导老师</strong>
               <br>&nbsp;
               </span>
                    </li>
                    <li>
               <span  >
               <strong>硬件指导老师</strong>
               <br>&nbsp;
               </span>
                    </li>
                </ul>
<!--                计算机协会创始人-->
                <ul class="columnOne">
                    <li>
               <span class="lvl-b">
               <strong>计算机协会创始人</strong>
               <br>&nbsp;
               </span>
                    </li>
                </ul>
<!--                计算机协会会长-->
                <ul class="columnOne">
                    <li>
               <span class="lvl-b">
               <strong>计算机协会会长</strong>
               <br>&nbsp;
               </span>
                    </li>
                </ul>
<!--                软件和硬件-->
                <ul class="columnTwo">
                    <li>
               <span  >
               <strong>软件</strong>
                   <br>&nbsp;
               </span>
                    </li>
                    <li>
               <span  >
               <strong>硬件</strong>
                   <br>&nbsp;
               </span>
                    </li>
                </ul>

            </div>
            <ul class="departments ">
<!--                宣传部-->
                <li class="department ">
            <span class="lvl-b">
            <strong>宣传部</strong>

            </span>
                    <ul class="sections">
                        <li class="section"> <span>
                  <strong>1</strong>
                  <br>Name Surname
                  <br>AA
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>2</strong>
                  <br>Name Surname
                  <br>BB
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>3</strong>
                  <br>Name Surname
                  <br>BB
                  </span>
                    </ul>
                </li>
<!--                技术部-->
                <li class="department ">
            <span class="lvl-b">
            <strong>技术部</strong>
            </span>
                    <ul class="sections">
                        <li class="section"> <span>
                  <strong>1</strong>
                  <br>Name Surname
                  <br>CC
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>2</strong>
                  <br>Name Surname
                  <br>AA
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>3</strong>
                  <br>Name Surname
                  <br>CC
                  </span>
                        </li>

                    </ul>
                </li>
<!--                财务部-->
                <li class="department ">
            <span class="lvl-b">
            <strong>财务部</strong>
            </span>
                    <ul class="sections">
                        <li class="section"> <span>
                  <strong>1</strong>
                  <br>Name Surname
                  <br>AA
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>2</strong>
                  <br>Name Surname
                  <br>BB
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>3</strong>
                  <br>Name Surname
                  <br>BB
                  </span>
                        </li>
                    </ul>
                </li>
<!--                外交部-->
                <li class="department central">
            <span class="lvl-b">
            <strong>外交部</strong>
            </span>
                    <ul class="sections">
                        <li class="section"> <span>
                  <strong>1</strong>
                  <br>Name Surname
                  <br>AA
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>2</strong>
                  <br>Name Surname
                  <br>CC
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>3</strong>
                  <br>Name Surname
                  <br>CC
                  </span>
                        </li>
                    </ul>
                </li>
<!--                活动部-->
                <li class="department ">
            <span class="lvl-b">
            <strong>活动部</strong>
            </span>
                    <ul class="sections">
                        <li class="section"> <span>
                  <strong>1</strong>
                  <br>Name Surname
                  <br>AA
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>2</strong>
                  <br>Name Surname
                  <br>BB
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>3</strong>
                  <br>Name Surname
                  <br>BB
                  </span>
                        </li>
                    </ul>
                </li>
<!--                其他。。-->
                <li class="department ">
            <span class="lvl-b">
            <strong>其他。。。</strong>
            </span>
                    <ul class="sections">
                        <li class="section"> <span>
                  <strong>1</strong>
                  <br>Name Surname
                  <br>CC
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>2</strong>
                  <br>Name Surname
                  <br>AA
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>3</strong>
                  <br>Name Surname
                  <br>CC
                  </span>
                        </li>
                    </ul>
                </li>
<!--                其他2.。。-->
                <li class="department ">
            <span class="lvl-b">
            <strong>其他2.。。</strong>
            </span>
                    <ul class="sections">
                        <li class="section"> <span>
                  <strong>1</strong>
                  <br>Name Surname
                  <br>AA
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>2</strong>
                  <br>Name Surname
                  <br>BB
                  </span>
                        </li>
                        <li class="section"> <span>
                  <strong>3</strong>
                  <br>Name Surname
                  <br>BB
                  </span>
                        </li>
                    </ul>
                </li>
            </ul>
        </figure>
        </div>
        </div>
        <!--        组织结构-end                    -->
        <!--        办公环境-begin  -->
        <div  class="banner" id="floor6 ">
        <div style="font-size:30px">办公环境</div>
        <div class="environment col-xs-12 col-sm-12 col-md-12 col-lg-6" style="padding-bottom: 5px;z-index: -99">
                    <img class="img" src="img/jsjxhjj03.jpg" alt="" style="width:500px;height: 250px;float: left">
                    <br/><div style="float: right">大一自习室</div>
                </div>
        <div class="environment col-xs-12 col-sm-12 col-md-12 col-lg-6" style="padding-bottom: 5px;z-index: -99">
                    <img class="img" src="img/jsjxhlbt05.jpg" alt="" style="width:500px;height: 250px;float: right">
                  <br/>大二自办公室
                </div>
        <div class="environment col-xs-12 col-sm-12 col-md-12 col-lg-6 " style="z-index: -99"  >
            <img class="img" src="img/jsjxhlbt01.jpg" alt="" style="width:500px;height: 250px;float: left">
            <br/><div style="float: right">大三工作室</div>
        </div>
        <div class="environment col-xs-12 col-sm-12 col-md-12 col-lg-6" style="z-index: -99">
            <img class="img" src="img/xsjl.png" alt="" style="width:500px;height: 250px;float: right">
            <br/>大四工作室
        </div>
        </div>
        <!--        办公环境-end     -->
        <!--        办公地址-begin     -->
        <div class="banner" id="floor7 ">
        <div style="font-size:30px;font-family: 华文楷体;float: right;padding-top: 20px">办公地址</div>
        <div id="background_amp" >
            <div style="padding-top: 20px;float: left;font-size: 16px" >计算机协会成员都有自己学习地方
                <br/>大一19级自习室在A11-106<br/>大二18级办公室在A11-203<br/>大三17级工作室在创客大厦三楼</div>
            <img src="img/map.png" class="img-responsive center-block" style="padding-top: 40px">
        </div>
        </div>
        <!--        办公地址-end     -->
        </div>
</div>

<!--****************内容-end*********************-->



<!--**************尾部**************-->
<div class="footer-floor2" style="background-color: #007aff;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-top: 30px;

">
    <div class="container" style=" text-align: center;">
        <div class="row">
            <p style="padding-top: 7px;
    font-size: 12px;
    color: #0f0f0f;
">
                网站信息:开发时间2020/03/06 版本 0.2
            </p>
            <p style="padding-top: 7px;
    font-size: 12px;
    color: #0f0f0f;
">
                学校地址：江西省南昌市湾里区先锋创客小镇 &nbsp;&nbsp;&nbsp;邮编：330041&nbsp;<br>
                &nbsp;版权所有©计算机协会<font style="font-size: 9pt">&nbsp;
                总访问量：
                20200202
            </font>
            </p>
        </div>
    </div>
</div>

<!--**************尾部**************-->

<!--**************尾部**************-->
<!--<div id="page2"></div>-->
<!--<script>-->
<!--    $("#page2").load("foot.html");-->
<!--</script>-->

<!--**************尾部**************-->

<!--<script src="js/jquery-1.11.0.min.js"></script>-->
<script src="js/index.js"></script>
<!--<script src="lib/jquery/jquery.js"></script>-->
<!-- 引入所有的Bootstrap的JS插件 -->
<script src="lib/bootstrap/js/bootstrap.js"></script>
<!--发展历程-->
<!--<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>-->
<!--<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>-->
<script type="text/javascript" src="js/jquery.eeyellow.Timeline.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.VivaTimeline').vivaTimeline({
            carousel: true,
            carouselTime: 3000
        });
    });
</script>
</body>
</html>